<template>
  <div>
    <common-header :showinput="true" :showback="false"></common-header>
    <div class="page-content">
      <mt-button @click="todetail">home</mt-button>
    </div>
  </div>
</template>

<script>
import { mapMutations, mapGetters, mapState } from "vuex";
import commonHeader from "common/common-header";
export default {
  data() {
    return {
      num: 0
    };
  },
  created() { },
  methods: {
    ...mapMutations({
      setNum: "SET_NUM"
    }),
    todetail() {
      this.$router.togo("/home/detail");
    },
  },
  components: {
    commonHeader
  },
  computed: {
    ...mapGetters(["number"]),
    ...mapState({
      number: state => state.home.number
    })
  },
};
</script>

<!-- Add 'scoped' attribute to limit CSS to this component only -->
<style scoped lang="scss">
@import "~style/home.scss";
</style>
